<template>
  <div class="mt-4 ml-4">
    <a-row>
      <a-col :span="4">
        <a-button color="success" preIcon="gg:alarm" iconSize="12"> 成功按钮 </a-button>
      </a-col>
      <a-col :span="4">
        <a-button color="error" postIcon="gg:eye">错误按钮</a-button>
      </a-col>
      <a-col :span="4">
        <a-button color="warning" @click="clickWarn">点我</a-button>
      </a-col>
    </a-row>
    <a-row class="mt-8">
      <ul>
        <li>preIcon: 前缀图标</li>
        <li>postIcon: 后置图标</li>
        <li>iconSize: 图标大小</li>
        <li>color: 按钮颜色</li>
      </ul>
    </a-row>
  </div>
</template>
<script lang="ts" setup>
  function clickWarn() {
    console.log('hello');
  }
</script>

<style lang="less" scoped></style>
